<style>

   body {
      font-family: verdana;
      font-size: 18;
      font-weight: normal;
      background-color: #cee7f2;
    }


    /***************************************************************************************
     * page container                                                                      *
     ***************************************************************************************/
   .pagecontainer {
      height: 100%;
      width: 100%;
      display: flex;
      overflow: none;
      flex-direction: column;
    }
	

   /***************************************************************************************
    * header content                                                                      *
    ***************************************************************************************/
    .headercontent {
      height: 75px;
      width: 100%;
      flex: 1 1 100%;
      text-align: center; 
      background-color: #cee7f2;
      font-family: Arial Black, Gadget, sans-serif;
      font-weight: bold;
      font-size: 30px;
      text-shadow: #A3A3A3 1px 1px 0px;
    }

   .headercontent.block-line > span {
      display: inline-block;
    }


   /***************************************************************************************
    * top navigation                                                                      *
    ***************************************************************************************/

   /* Add a black background color to the top navigation */
   .topnav {
      height: 50px;
      width: 100%;
      flex: 1 1 100%;
      overflow: hidden;
      background-color: green;   /* #1ac1dd; */
   }

   /* Style the links inside the navigation bar */
   .topnav a {
      float: left;
      color: white;
      text-align: center;
      padding: 10px 10px;
      text-decoration: none;
      font-size: 18px;
      font-weight:bold;
   }

   /* Change the color of links on hover */
   .topnav a:hover {
      background-color: yellow;
      color: black;
   }

   /* Add a color to the active/current link 
   .topnav a.active {
      background-color: green;
      color: white;
   }
   */


   /***************************************************************************************
    * page layout                                                                         *
    ***************************************************************************************/
   .page-layout {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      border-style: solid;
   }

   /***************************************************************************************
    * main content                                                                        *
    ***************************************************************************************/
   .main-content {
      flex: 3 1 900px;
      height: 336px;
      font-family: verdana;
      font-size: 18;
      font-weight: normal;      
      background-color: #f4f4f4;
      overflow: auto;
      padding: 10px;
   }

   /***************************************************************************************
    * side bar                                                                            *
    ***************************************************************************************/
   .sidebar {
      display: flex;
      flex: 1 1 200px;
      flex-direction: column;
      gap: 10px;
      background-color: #cee7f2;
      color: black;
      padding: 10px;
   }

   /***************************************************************************************
    * side bar item                                                                       *
    ***************************************************************************************/
   .sidebaritem {
      width: 250px;
      height: 33%;
      border-style: solid;
   }

   /***************************************************************************************
    * side bar item content                                                               *
    ***************************************************************************************/   
   .sidebaritem-content {
      font-family: Arial Black, Gadget, sans-serif;
      text-align: center;
      font-weight: bold;
      font-size: 18px;
      text-shadow: #A3A3A3 1px 1px 0px;
   }

   .sidebaritem-content.block-line > span {
      display: inline-block;
   }


   /***************************************************************************************
    * footer content                                                                      *
    ***************************************************************************************/
   .footercontent {
      height: 50px;
      width: 100%;
      overflow: none;
      flex: 1 1 100%;
      background-color: #cee7f2;
      border-style: none;
   }


</style>
